<?php include_once ("../controller/collection.php");?>
<?php include_once ("module/head.php");?>

<link href="../asset/css/collections.css" rel="stylesheet" />
<body>
<?php include_once ("module/header.php");?>

<nav class="collection-navigation" style="width: 264px; padding: 0px;">
    <div id="rootCollectionsFilterBar">
        <aside class="Container-sc-1pvyynk-0 iEWdGJ">
            <div role="menu" class="Container-sc-1og7dln-0 daeBsH menu">
                <button role="menuitem" class="StyledNavItem-sc-mou1hp-2 cOeXCJ">
                    <div class="fRAgUE">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" width="24px" height="24px" style="vertical-align: middle;" aria-hidden="true">
                            <path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.48 6.47 2 11.99 2 17.52 2 22 6.48 22 12s-4.48 10-10.01 10C6.47 22 2 17.52 2 12Zm13.97-4h2.95a8.03 8.03 0 0 0-4.33-3.56c.6 1.11 1.06 2.31 1.38 3.56ZM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96ZM4 12c0 .69.1 1.36.26 2h3.38c-.08-.66-.14-1.32-.14-2 0-.68.06-1.34.14-2H4.26c-.16.64-.26 1.31-.26 2Zm1.08 4h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16Zm0-8h2.95c.32-1.25.78-2.45 1.38-3.56-1.84.63-3.37 1.9-4.33 3.56ZM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96ZM9.5 12c0 .68.07 1.34.16 2h4.68c.09-.66.16-1.32.16-2 0-.68-.07-1.35-.16-2H9.66c-.09.65-.16 1.32-.16 2Zm5.09 7.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56ZM16.5 12c0 .68-.06 1.34-.14 2h3.38c.16-.64.26-1.31.26-2s-.1-1.36-.26-2h-3.38c.08.66.14 1.32.14 2Z" clip-rule="evenodd"></path>
                        </svg>
                    </div>
                    <span class="StyledText-sc-b6pp4c-0 BqTaT">All collections</span>
                        <span class="number">18</span>
                </button>



            </div>
        </aside>
    </div>
</nav>
<div class="content-container collections clearfix">
    <div class="collections-container" id="collections-container" style="margin: 0px; padding-top: 24px; padding-left: 288px; padding-right: 24px;">
        <div id="rootCollectionCreateBar">
            <div class="BoxStyled-sc-180ptwx-0 hPbsrj">
                <div class="FlexStyled-sc-duap7b-0 cDAkEq">
                    <label class="Label-sc-rig02z-0 ApynR">My collections</label>
                    <div class="BoxStyled-sc-180ptwx-0 chUCbE">
                        <div class="FlexStyled-sc-duap7b-0 ucHnc">

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="media-tools clearfix">

            <ul class="float-left" id="rootCollectionSearchFilter">
                <div class="InputContainer-sc-1v72nc0-0 gYMhEx">
                    <div data-testid="search-input" class="InputWrapper-sc-1ha4tm6-0 jbjFhv">
                        <div data-testid="ds-input-left-items" class="LeftItems-sc-1ha4tm6-2 bubxSq">
                            <div class="IconLeftContainer-sc-1ha4tm6-3 bOkkAL">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" width="24px" height="24px" style="vertical-align: middle;" aria-hidden="true">
                                    <path fill="currentColor" d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5Zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14Z"></path>
                                </svg>
                            </div>
                        </div>
                        <input autocomplete="off" autocorrect="off" placeholder="Search in My collections" spellcheck="false" type="text" aria-invalid="false" maxlength="255" class="InputStyled-sc-1ha4tm6-1 drUWrI" />
                        <div data-testid="ds-input-right-items" class="RightItems-sc-1ha4tm6-5 icrPMc"></div>
                    </div>
                </div>
            </ul>
            <ul class="float-right" id="rootCollectionOrderByFilter">
                <div class="FlexStyled-sc-duap7b-0 hUyAPg">
                    <div>
                        <button  id="date_add_box" class="ButtonStyled-sc-1gq6l63-0 khuHqJ  action-btn cancel gray    " type="button" >Date added
                            <div class="Icon-sc-1s5p5ok-1 RightIcon-sc-1s5p5ok-3 fUglKb futSND">
                                <div class="ArrowStyled-sc-dmd5wz-0 dwvGtx">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" width="24px" height="24px" style="vertical-align: middle;" aria-hidden="true">
                                        <path fill="currentColor" d="m7 10 5 5 5-5H7Z"></path>
                                    </svg>
                                </div>
                            </div>


                        </button>

                        <div id="date_add" class="ContainerStyled-sc-rd9abn-0 gFijVI" style="position: absolute;top: 122px; display: none;">
                            <div class="ItemWrapper-sc-1ihd0z9-0 gHHpwY">
                                <button role="menuitem"  class="ItemStyled-sc-1ihd0z9-1 fUfAWu">
                                    <span id="dropdown-item-label-xER_FjsfFsyffjxxKxmZ2" class="Label-sc-1ihd0z9-4 rCKbJ">Date added</span>
                                </button>
                            </div>
                            <div class="ItemWrapper-sc-1ihd0z9-0 gHHpwY">
                                <button role="menuitem" class="ItemStyled-sc-1ihd0z9-1 fUfAWu">
                                    <span id="dropdown-item-label-E_ON7V2DFM4wXbclQhve8" class="Label-sc-1ihd0z9-4 rCKbJ">Date modified</span>
                                </button>
                            </div>
                            <div class="ItemWrapper-sc-1ihd0z9-0 gHHpwY">
                                <button role="menuitem" class="ItemStyled-sc-1ihd0z9-1 fUfAWu">
                                    <span id="dropdown-item-label-OvzuB8V_pwSzh4RoWC5A0" class="Label-sc-1ihd0z9-4 rCKbJ">Name</span>
                                </button>
                            </div>
                        </div>

                    </div>
                    <button aria-label="Toggle sorting order" class="ButtonStyled-sc-1gq6l63-0 khuHqJ  action-btn cancel gray  button-icon " type="button" data-testid="collections-sort-order-btn">
                        <div class="Icon-sc-1s5p5ok-1 LeftIcon-sc-1s5p5ok-2 fUglKb gDjoCH">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" width="24px" height="24px" style="vertical-align: middle;" aria-hidden="true" data-testid="collections-sort-order-desc">
                                <path fill="currentColor" fill-rule="evenodd" d="M3 18v-2h18v2H3ZM3 6h6v2H3V6Zm12 5H3v2h12v-2Z" clip-rule="evenodd"></path>
                            </svg>
                        </div></button>
                </div>
            </ul>
            <ul id="collectionsBulkActions" class="actions-bar group-btns blue hidden">
                <li id="rootAddCollectionToGroup"> </li>
                <li id="rootTransferCollection"> </li>
                <li id="rootDeleteCollection"></li>
            </ul>
        </div>
        <!--产品缩略图列表-->
        <div id="results-thumbs" class="StyledContainer-sc-1i0dzpl-0 fXGiFm">

            <? foreach ($_asset_list as $key=>$asset){?>
                <div class="media-holder transition" width="224">
                    <a class="thumbnail" >
                        <div class="ImageContainer-sc-19bttq8-2 gNEuKI image-holder iskip pptx"
                             height="140">
                            <img src="/uploadfiles/<?echo $asset['icon']?> ">
                            <span class="IconExtension-sc-13p706v-0 loKyBz extension pptx">
                                <?echo $asset['file_type']?>
                            </span>
                        </div>
                        <div class="select">
                        </div>
                        <p>
                            <?echo $asset['title']?>
                        </p>
                        <dl onclick="open_box(<?echo $asset['nid']?>)">
                            <dt data-name="Brand" class="StyledDt-sc-1ijb1g4-0 bguRNK">
                                Brand
                            </dt>
                            <dd class="StyledDd-sc-1ijb1g4-1 gtsNXy">
                                <?echo $asset['brand']?>
                            </dd>
                            <br>
                            <dt  class="StyledDt-sc-1ijb1g4-0 bguRNK">
                                Product Range
                            </dt>
                            <dd
                                    class="StyledDd-sc-1ijb1g4-1 gtsNXy"><?echo $asset['product_range']?></dd>
                            <br>
                        </dl>
                    </a>
                </div>
                <?;}?>


            <div id="page" date-attr='0' style="display: none"></div>

        </div>


    </div>
</div>


<script>
    $(document).ready(function(){
        $('.select_box ').click(function(){
           if($(this).hasClass('jXGyYg')){
               $(this).addClass('feFrCh').removeClass('jXGyYg')
           }
           else{
               $(this).addClass('jXGyYg').removeClass('feFrCh')
           }
        })

        $('#date_add_box').hover(function(){
            $('#date_add').show()
        })
        $('#date_add').hover(function(){
           // $('#date_add').show()
        },function(){
            $('#date_add').hide()
        })
    })
</script>

</body>
</html>